<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../dest/css/jedate.css">
    <link rel="stylesheet" href="../dest/css/employees.css">
</head>
<body>
<div class="mod-wrap">
    <!--header-->
    <div class="mod-header">
        <div class="header-bd">
            <a href="#" class="header-logo">e员工|人事云</a>
            <div class="header-info">
                <div class="user-vip"><a href="#">vip</a></div>
                <div class="user-info">
                    <div class="user-pic"><img src="../dest/images/icon-default.png" alt=""></div>
                    <div class="user-name">
                        <h3>张三</h3>
                        <p>方正人才</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end header-->
    <!--body-->
    <div class="mod-body body-extend" id="bodyBox">
        <div class="mod-menu">
            <div class="menu-bd" id="menuBox"></div>
            <a href="javascript:EPS.menu.btn();" class="menu-btn">展开/收起</a>
        </div>
        <div class="mod-content">
            <div class="mod-calendar">
                <div class="calendar-hd">
                    <div class="calendar-track"><a href="javascript:;"><i class="fui-font fui-font-e9c6"></i>足迹报表</a></div>
                    <h2>工作日历</h2>
                </div>
                <div class="calendar-nowTime">
                    <div class="cn-day">
                        <span class="cnd-num"></span>
                        <span class="cnd-dw">日</span>
                    </div>
                    <div class="cn-month"></div>
                    <div class="cn-week"></div>
                </div>
                <div class="calendar-log">
                    <div class="cLog-text">
                        <textarea name="log" placeholder="请输入工作日志..."></textarea>
                    </div>
                    <div class="cLog-btn"><a href="javascript:;" class="btn"><i class="fui-font fui-font-e9c5"></i></a></div>
                </div>
                <div class="calendar-mBox"></div>
            </div>
            <div class="mod-mBox">
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-1"><span><i class="fui-font fui-font-e93a"></i></span></div>
                            <h2>短信未发提醒 <a href="javascript:;">全部忽略</a></h2>
                        </div>
                        <div class="mi-bd">
                            <ol class="mi-list">
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月16日14：00有 <a href="employ.html" class="mi-red">3</a> 人未短信通知</div></li>
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月16日14：00有 <a href="employ.html" class="mi-red">3</a> 人未短信通知</div></li>
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月16日14：00有 <a href="employ.html" class="mi-red">3</a> 人未短信通知</div></li>
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月16日14：00有 <a href="employ.html" class="mi-red">3</a> 人未短信通知</div></li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-2"><span><i class="fui-font fui-font-e9c4"></i></span></div>
                            <h2>面试约定提醒 <a href="javascript:;">全部忽略</a></h2>
                        </div>
                        <div class="mi-bd">
                            <ol class="mi-list">
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月16日15：00有面试约定</div></li>
                            </ol>
                            <div class="mi-tips">请及时提醒面试官面试时间并安排面试环境</div>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-3"><span><i class="fui-font fui-font-e93e"></i></span></div>
                            <h2>面试记录提醒 <a href="javascript:;">全部忽略</a></h2>
                        </div>
                        <div class="mi-bd">
                            <ol class="mi-list">
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月10日有 <a href="employ.html" class="mi-red">5</a> 人完成面试，请及时录入</div></li>
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月10日有 <a href="employ.html" class="mi-red">5</a> 人完成面试，请及时录入</div></li>
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月10日有 <a href="employ.html" class="mi-red">5</a> 人完成面试，请及时录入</div></li>
                                <li><a href="javascript:;" class="mi-btn">忽略</a><div class="mi-txt">1月10日有 <a href="employ.html" class="mi-red">5</a> 人完成面试，请及时录入</div></li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-4"><span><i class="fui-font fui-font-e93d"></i></span></div>
                            <h2>合同签订提醒</h2>
                            <div class="mi-nBox">
                                <span class="min-num">20</span>
                                <span class="min-dw">人</span>
                            </div>
                        </div>
                        <div class="mi-bd">
                            <div class="mib-text">有20人已经登记基本信息，<a href="contract.html" class="mi-red">还未签订劳动合同</a></div>
                            <div class="mi-tips">按《劳动合同法》规定，新员工入职一个月内必须签订劳动合同请及时办理</div>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-5"><span><i class="fui-font fui-font-e9c3"></i></span></div>
                            <h2>员工生日提醒</h2>
                            <div class="mi-nBox">
                                <span class="min-num">18</span>
                                <span class="min-dw">人</span>
                            </div>
                        </div>
                        <div class="mi-bd">
                            <div class="mib-text">本月有18名员工过生日</div>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-6"><span><i class="fui-font fui-font-e93c"></i></span></div>
                            <h2>合同到期提醒</h2>
                            <div class="mi-nBox">
                                <span class="min-num">3</span>
                                <span class="min-dw">人</span>
                            </div>
                        </div>
                        <div class="mi-bd">
                            <div class="mib-text">有3位员工劳动合同即将到期</div>
                            <div class="mi-tips">请在《劳动合同法》规定的30天内处理</div>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-7"><span><i class="fui-font fui-font-e93e"></i></span></div>
                            <h2>社保办理提醒</h2>
                            <div class="mi-nBox">
                                <span class="min-num">3</span>
                                <span class="min-dw">人</span>
                            </div>
                        </div>
                        <div class="mi-bd">
                            <div class="mib-text">有 3 人合同已经签订，但仍未办理社保请及时办理</div>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-8"><span><i class="fui-font fui-font-e92c"></i></span></div>
                            <h2>公积金办理提醒</h2>
                            <div class="mi-nBox">
                                <span class="min-num">2</span>
                                <span class="min-dw">人</span>
                            </div>
                        </div>
                        <div class="mi-bd">
                            <div class="mib-text">有2人合同已经签订，并且需要缴纳公积金目前仍未办理，请及时办理</div>
                        </div>
                    </div>
                </div>
                <div class="mBox-item">
                    <div class="mi-mod">
                        <div class="mi-hd">
                            <div class="mih-right mi-color-9"><span><i class="fui-font fui-font-e9b1"></i></span></div>
                            <h2>社保公积金停缴提醒</h2>
                            <div class="mi-nBox">
                                <span class="min-num">1</span>
                                <span class="min-dw">人</span>
                            </div>
                        </div>
                        <div class="mi-bd">
                            <div class="mib-text">有1人合同已经终止，但未输社保、公积金停缴事项，请及时办理</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end body-->
</div>
<script src="../dest/js/fui.js"></script>
<script src="../dest/js/common.js"></script>
<script src="../dest/js/data.js"></script>
<script src="../dest/js/eps.js"></script>
<script>
    EPS.menu.i('index');
    fui.use(['JsPage','JsTpl','JsForm','layer','JsTable','jeDate','JsDate'],function(){
        EPS.index.i();
    });
</script>
</body>
</html>
